<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>login</title>
</head>
<style>
    body{
            width: 100%;
            max-width: 512px;
            margin: 0 auto;
            font-size: 14px;
            line-height: 24px;
            color: rgb(237,237,237);
        }

        .right{
            float: left;

        }
        .footer>li{
            width: 20%;
        }
</style>

<body>
	<div class="top" style="background-color: white;">
		<div class="">
			<div class="left">
				<a href="index.html">
					<img src="images/no.png" style="width: 16px;height: 16px;">
				</a>
			</div>
            <div class="right" style="padding-left: 7px; color: black;">
                注册
		</div>
	</div>

<img src="images/ic_launcher.png" style="
width: 80px;height: 80px;
position:absolute;
top:20%;
left:50%;
transform:translate(-50%,-30%);
"><!-- 居中显示 -->
</div>
<div></div>
<form action="index.html" style="margin-top: 200px;
">

<div style="text-align: center;">
    <span style="color: #968ea2c7;">查询</span><a href="#" style="text-decoration: none;">《认证登录服务协议》</a>
    <input type="submit" value="本机号码一键登录" style="
    width: 100%;
	height: 61px;
	margin: 18px auto;
	border: none;
	border-radius: 29px;
	color: white;
	font-weight: bold;
	font-size: 16px;
    background: green;">
    <p style="color: green;text-align: center;">切换号码</p>
</div>
<div>
	<div class="center">
		<p style="text-align: center;margin-top: 150px; color: #968ea2c7;">
			-----&nbsp; &nbsp; 更多登陆方式 &nbsp;&nbsp; -----
		</p>
	</div>
</div>
 </form>

</div>

	<div style="position: fixed;bottom: 0;">
			<ul class="footer"
			style="display: flex;">
				<li>
					<div>
						<img src="images/qq.png">
					</div>
				</li>
				<li>
					<div>
						<img src="images/wx.png">
					</div>
				</li>
				<li>
					<div>
						<img src="images/wangyi.png">
					</div>
                </li>
                <li>
					<div>
						<img src="images/liulanqi.png">
					</div>
                </li>
                <li>
					<div>
						<img src="images/weibo.png">
					</div>
				</li>
				
			</ul>
		</div>


</body>
</html>